<template>
  <SLayoutHeader style="margin-bottom: 15px" >
    <n-card size="small" title="查询条件" content-style="padding-bottom: 0;"
    >
      <slot></slot>
      <template #action>
        <n-space style="padding-left:10px;display: flex; justify-content: flex-end">
          <n-button type="primary" attr-type="button" @click="$emit('onSearch')">搜索</n-button>
          <n-button attr-type="button" @click="$emit('onReset')">重置</n-button>
        </n-space>
      </template>
    </n-card>
  </SLayoutHeader>
</template>
<script name="SearchHeader" setup>
import SLayoutHeader from "@/components/ExtLayout/SLayoutHeader.vue";

</script>
<style lang="scss">
.n-card > .n-card__action {
  padding: 5px 24px 5px 24px;
}
</style>